<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {}
  },
  watch: {},
  created () {

  },
  methods: {},
  computed: {}
}
</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.avue--detail .el-form-item__label{
  padding-right: 5px;
}
.avue--detail .el-col{
  margin-bottom: 0;
  padding: 0!important;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.avue--detail .el-form-item--mini.el-form-item, .avue--detail .el-form-item--small.el-form-item{
  margin: 0;
  background: #ffffff;
}
.avue--detail .el-form-item__content,.avue--detail .el-row{
  border-left: 1px solid #ffffff;
}
.el-collapse {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.avue--detail .el-row{
      border-top: 1px solid #ffffff;
}
.el-dialog__headerbtn{
  top: 18px;
}
.avue--detail .el-form-item__content{
  padding-left: 0px;
}
.avue-dialog .el-dialog__header{
  background-color: #409EFF;
  min-height: 25px;
}
.avue-dialog .el-dialog__title{
  margin:0 auto;
  color:#fff;
}
.el-dialog__header {
  background-color: #409EFF;
  text-align: center;
  padding:20px;
  .el-dialog__title{
    color:#fff;
  }
}
.el-dialog__headerbtn .el-dialog__close{
  color:#fff;
}
.el-dialog__headerbtn .el-dialog__close:hover{
  color:#fff;
}
.avue-crud__dialog__menu i{
  color:#fff;
}
.avue-crud__dialog__menu i:hover{
  color:#fff;
}
// .el-table--fit {
//   margin-left: 20px;
// }
.avue-crud .avue-crud__left .el-button{
  margin-left: 20px;
}
.avue-group .el-collapse{
  margin-left: 5px;
}
.el-switch__label--left{
  margin-right: 0;
}
.avue-upload__avatar{
  width: 280px;
}
.avue-upload__icon{
  width: 280px;
}
</style>
